<template>
<div id="home">
  <Header></Header>
  <!-- <home-main> -->
  <router-view/>
  <!-- </home-main> -->
  <!-- v-show判断当前路由中的元信息状态来决定当前组件是否显示 -->
  <Footer v-show="$route.meta.show"></Footer>
</div>
</template>

<script>
import Header from '@/components/header/Header.vue'
import Footer from '@/components/footer/Footer.vue'
import HomeMain from '@/views/main/HomeMain.vue'

export default {
  name: 'Home',
  components: {
    Header,
    Footer,
    HomeMain
  },
}
</script>

<style lang="less">

</style>